Mô-đun này chuyển từ các đường đi tĩnh sang các công cụ động, dựa trên sự kiện, thông qua việc thao tác với CanvasRenderingContext2D trạng thái. Chúng ta tập trung vào việc mở rộng khả năng ứng dụng thông qua các mẫu cấp cao và lọc toán học.

1. Các Mẫu Của Công cụ Cấp cao

Các công cụ như tools.Line giả lập các sự kiện chuột bằng các trợ giúp như trackDrag. Ngược lại, tools.Spray thực hiện sự lặp lại dựa trên khoảng thời gian thông qua setInterval, cho phép đặt điểm liên tục khi giữ chuột.

2. Các Rào cản Toán học

Một độ lệch ngẫu nhiên đơn giản tạo ra phân bố hình vuông. Để đạt được hiệu ứng cọ hình tròn tự nhiên, chúng ta sử dụng định lý Pythagore để lọc các điểm: $x^2 + y^2 < r^2$. Hoặc có thể dùng tọa độ cực với Math.sin và Math.cos để chuyển đổi.

3. Các Thao tác Hợp và Trạng thái

Ngoài các nét vẽ tiêu chuẩn, thuộc tính globalCompositeOperation xác định cách các điểm ảnh mới tương tác với các điểm ảnh đã có. Ví dụ, thiết lập nó thành 'destination-out' cho phép tools.Erase hàm chức năng làm cho các điểm ảnh trở nên trong suốt thay vì chỉ tô màu trắng. Các điều khiển giao diện người dùng như controls.color và controls.brushSize cung cấp cập nhật tức thì cho fillStyle và lineWidth lần lượt.